<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div class="main">
        <a href="javascript:;" class="btn">click me</a>

        <div class="item">
            <div class="eye-val" data-account="123">123</div>
        </div>

        <div class="item">
            <div class="eye-val" data-account="321">321</div>
        </div>

        <div class="item">
            <div class="eye-val" data-account="456">456</div>
        </div>

    </div>

    <script src="resource/js/jquery.min.js"></script>
    <script>
        $(function(){
            $(".btn").click(function(){
                var eye = $('.eye-val');
                eye.each(function(){
                    if($(this).html() == "***"){
                        $(this).html($(this).data('account') + '<span>元</span>');
                        console.log($(this).data('account'));
                        $('.btn').removeClass('hover');
                    } else{
                        $(this).html("***");

                        $('.btn').addClass('hover');
                    }
                })
            });
        })
    </script>
</body>
</html>